<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">
	<ui:define name="title">#{msg.tituloAdminSilabus}</ui:define>
	<ui:define name="cuerpo">
		<div class="cuerpo" align="center">
			<!-- Empezar a programar desde aqui -->

			<h:form id="form">
				<p:panel id="panelSilabus" header="#{msg.lblAdministracionSilabus}">

					<p:outputPanel>#{msg.lblIntroSilabus}</p:outputPanel>

					<p:dataTable id="tablaCursos" value="#{silabus.listaCursos}"
						paginator="true" var="curso" emptyMessage="#{msg.msgNoHayCursos}"
						selection="#{silabus.cursoSeleccionado}" selectionMode="single"
						rowKey="#{curso.codigo}" styleClass="tablas">

						<p:ajax event="rowSelect" listener="#{silabus.seleccionaCurso}"
							update=":form:panelBotones" />

						<f:facet name="header">
							<h:outputText value="#{msg.listaCursos}" />
						</f:facet>

						<p:column id="columnaCodigo" headerText="#{msg.codigo}"
							filterBy="#{curso.codigo}" filterMatchMode="contains">
							<h:outputText value="#{curso.codigo}"></h:outputText>
						</p:column>

						<p:column id="columnaDescripcion"
							headerText="#{msg.lblDescripcion}"
							filterBy="#{curso.descripcion}" filterMatchMode="contains">
							<h:outputText value="#{curso.descripcion}"></h:outputText>
						</p:column>


						<p:column id="columnaPlan" headerText="#{msg.lblPlan}"
							filterBy="#{curso.plan}" filterMatchMode="startsWith">
							<h:outputText value="#{curso.plan}"></h:outputText>
						</p:column>

						<p:column id="columnaCreditos" headerText="#{msg.lblCreditos}"
							filterBy="#{curso.creditos}" filterMatchMode="contains">
							<h:outputText value="#{curso.creditos}"></h:outputText>
						</p:column>

						<p:column id="columnaEstado" headerText="#{msg.lblEstado}"
							filterBy="#{curso.estadoSilabus}" filterMatchMode="contains">
							<h:outputText value="#{curso.estadoSilabus}"></h:outputText>
						</p:column>

						<p:column id="columnaTieneSilabus" rendered="false">
							<h:outputText value="#{curso.tieneSilabus}"></h:outputText>
						</p:column>

					</p:dataTable>

					<h:panelGrid columns="2" id="panelBotones">
						<p:commandButton value="#{msg.botonVerDetalle}"
							disabled="#{silabus.bloquearBoton}"
							action="#{silabus.verSilabus}" />
					</h:panelGrid>

				</p:panel>

				<p:growl id="growl" showDetail="true" sticky="false" life="5000"
					redisplay="false" />

			</h:form>


			<!-- Terminar de programar desde aqui -->
		</div>



	</ui:define>
</ui:composition>